import styled from 'styled-components'

const SelecCont = styled.div`
    display:flex;
    height:100%;
    flex-direction:column;
    position: relative;
    .select-button{
        position:absolute;
        bottom:0.33rem;
        left:0;
        right:0;
        margin:auto;
        border-radius:0.26rem;
        width: 2.6rem;
        height: 0.49rem;
        text-align:center;
        line-height:0.49rem;
        font-size:0.16rem;
        color:#fff;
        background: #308BFE;
        z-index:33;
    }
`  

const ModelBox =styled.div`
    flex:1;
    overflow-y:scroll;
    .item-title{
        height:0.74rem;
        padding:0.15rem 0.09rem 0rem;
        p:first-child{
            font-size: 0.18rem;
            line-height: 0.18rem;
            font-weight: 500;
            color: #333333;
        }
        p:last-child{
            height: 0.42rem;
            font-size: 0.14rem;
            line-height:0.42rem;
            font-weight: 500;
            color: #666666;
        }
    }
    .am-list-item{
        padding-left:0.2rem;
    }
    .am-list-body::before{
        height:0px!important;
    }
    .am-list-header{
        background:#fff;
        padding:0.18rem 0 0.03rem 0.09rem;
    }
    .am-list{
        margin-bottom:0.1rem;
    }
    .am-checkbox-inner{
        border:1px solid #308BFE;
    }
`

const ListHead = styled.div`
    line-height:0.14rem;
    font-size:0.14rem;
    padding-left:0.05rem;
    color:#333;
    border-left:1px solid #308BFE;
`
export {
    ListHead,
    ModelBox,
    SelecCont
}